html{ margin:0px; padding:0px;}
body { letter-spacing:1px; padding:0px; margin:0px;font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei;  background-color:#fafafa; line-height:32px;}
ul,li { padding:0px; margin:0px; list-style:none;}
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../font/iconfont.woff2') format('woff2'),
      url('../font/iconfont.woff') format('woff'),
      url('../font/iconfont.ttf') format('truetype'),
      url('../font/iconfont.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/*  */
.top { width:100%; height:40px; background-color:#171e27; line-height:40px; vertical-align:middle;}
.top_c { width:1100px; margin:auto;}
.top_left { float:left; width:350px;}
.top_left ul li,.top_left ul { padding:0px; margin:0px;}
.top_left ul li { float:left; color:#bdc3c7; padding-right:8px; font-size:13px;}
.top_left ul li a:link,.top_left ul li a:visited { color:#999;}
.top_right { float:right; width:20%; text-align:right;}
.top_right ul li { float:right;  padding-right:8px;  }
.top_right ul li img { float:left; margin-top:14px; margin-right:5px;}
.top_right ul li span,.top_left ul li span { padding-left:5px; padding-right:5px;}
.top ul li a:link,.top ul li a:visited { text-decoration:none; font-size:12px; color:#999;}
.header { height:86px;  background-color:#fff; position:relative; z-index:9999;}
.menu_nav { width:1100px; margin:auto; clear:both; position:relative;}
.menu_left { width:250px; height:auto; float:left; margin-top:20px;}
.menu_right { width:650px; float:left; margin-top:16px;  margin-left:40px;}
.menu_botton {  float:right;


font-size: 14px;
    border-color: #ff7300 !important;
    color: #fff;
    background-color: #ff7300 !important; width:160px; height:44px; line-height:44px; vertical-align:middle;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s; border-radius: 3px; margin-top:20px; text-align:center; border-bottom: 1px solid;


} 
.body_n_img img { display:none;}
.menu_botton a { display:block;  width:160px; height:44px; color:#fff; }

.about_nn a{ display:block; width:150px; height:50px;  line-height:50px; vertical-align:middle; text-align:left;}
.sw_lb { height:auto; background-size: cover; z-index:2;  }
.sw_lb_n { width:1100px; margin:auto;  height:480px; position:relative;  z-index:2; }
.sw_lb_n .title { font-size:18px; letter-spacing:2px; position:absolute; width:90%; top:120px;height:180px;  padding:0px; margin:0px; color:#fff; text-align:left; line-height:30px;}
.sw_lb_n .title_botton { width:140px; height:40px; border:1px solid #4facf8; border-radius:5px; position:absolute; line-height:40px; bottom:160px; background-color:#4facf8; text-align:center;}
.title_botton a:link,.title_botton a:visited { color:#fff;}
.sw_lb_n p { padding:0px; margin:0px; line-height:50px; letter-spacing:2px; text-align:left; }
.sw_lb_n p.p1 { font-size:36px;}
.sw_lb_n .sw_lb_botton {  position:absolute; width:160px; height:40px; border-radius: 3px; line-height:40px; vertical-align:middle; text-align:center; background-color: #2499f7; transition: all .3s; border-color: #2499f7; bottom:160px;}
.sw_lb_n .sw_lb_botton a { display:block; width:160px; height:40px; text-decoration:none; color:#fff;}

.text_center { width:40%; margin:auto; text-align:center; padding-top:30px; padding-bottom:30px;}
.text_center h2 { font-weight:normal;  letter-spacing:2px; margin-bottom:15px; color:#333; }

.text_center>p {
    position: relative;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    font-size: 18px;
    line-height: 30px;
}
.text_center>p:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 3px;
    background-color: #ccc;
    left: 50%;
    top: 0px;
    margin-left: -20px;
}

.xm { height:auto; overflow:hidden; padding-bottom:30px;  color:#606060;} 
.xm_list { width:1100px; margin:auto;}
.xm_list ul li { float:left; width:18%; text-align:center; margin-left:1%; margin-right:1%;}
.xm_list ul li .title { border-bottom:1px solid #ccc; height:80px; line-height:80px; vertical-align:middle;}
.xm_list ul li .title .iconfont { font-size:36px; color:#606060;}
.xm_list ul li .title_1 {height:60px; line-height:60px; vertical-align:middle;}
.xm_list ul li .title_1 a:link,.xm_list ul li .title_1 a:visited { text-decoration:none; font-size:22px; color:#2499f7;}
.xm_list dl,.xm_list dl dd { padding:0px; margin:0px;}
.xm_list dl dd { line-height:30px;}
.xm_list dl dd a:link,.xm_list dl dd a:visited { text-decoration:none;  color:#606060; font-size:16px; }
.ly { background-color:#fff; height:400px;}

.ly_list { width:1100px; margin:auto;}
.ly_list ul li { float:left; width:18%; margin-left:1%; margin-right:1%; text-align:center; margin-bottom:2%;}
.ly_list ul li .title { height:80px; line-height:80px;}
.ly_list ul li .title .iconfont { font-size:50px; color:#2499f7;}

.about { height:auto; overflow:hidden;  margin-bottom:50px;  clear:both; }
.index_about { margin:auto;  height:auto; overflow:hidden; clear:both; }
.index_about_left { float:left; width:40%; height:400px; background:url(../images/3.png) no-repeat; background-size: cover; }
.index_about_right { float:right; width:60%; height:400px; line-height:28px; /* background-color:#eaeaea; */}
.index_about_right .title { height:60px; line-height:60px; font-size:24px;}
.about_nn { border-top:1px solid #ccc; padding-top:15px; padding-bottom:15px; margin-top:20px;}
.about_nn span { margin-left:10px;}
.index_a_r { width:90%; margin:auto; margin-top:30px;}
.ys {margin-top:50px; background-color:#fff;   position:relative; }

.ys:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;

}


.index_ys { height:250px; width:1100px; margin:auto; position:relative; z-index:9999; }

.index_ys ul li { float:left;  width:23%; margin-left:1%; margin-right:1%; text-align:center; height:140px; margin-top:60px; color:#000; 



 


    border-radius: 2px;
    transition: all .4s ease;


  box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;

border:1px solid #ccc;

	}
	
.index_ys ul li span { font-size:20px; padding:0px; margin:0px; }	
	
.index_ys .iconfont { font-size:60px; color:#2499f7;}
.index_ys p.p1 { font-size:24px;}
.index_ys p.p2 { margin-top:20px;}
.index_ys h3 { font-size:18px; font-weight:normal;}
.index_ys .text_center h2 { color:#fff;}

.footer { background-color:#171e27; height:400px; padding-top:30px;}
.footer_n { width:1100px; margin:auto;}
.f_n { float:left; width:14%;  color:#999;}
.f_n p,.f_n_r  p { color:#666; margin-bottom:10px;}
.f_n ul li,.f_n ul li  { font-size:16px; line-height:30px;}
.f_n ul li a:link,.f_n ul li a:visited,.f_n_r ul li a:link,.f_n_r ul li a:visited { text-decoration:none; color:#999;}
.f_n ul li a:hover,.f_n_r ul li a:hover { text-decoration:underline;}
.f_n_r { width:43%;  float:left;  color:#999; }
.bottom { height:44px; background-color:#35383c; line-height:44px; vertical-align:middle; font-size:12px; color:#999;}
.bottom ul { width:1100px; margin:auto;}
.bottom ul li { float:left;}
.bottom ul li:nth-child(1) { width:300px; float:left;}
.bottom ul li:nth-child(2) { width:300px; float:right;}
.bottom ul li a:link,.bottom ul li a:visited { text-decoration:none; color:#999;}



@media screen and (min-width: 750px){ 

.menu-container { width:650px;  position:absolute; left:270px; top:0px;}



}



@media screen and (max-width: 750px){
.menu-container { margin-top:80px;}
.menu { width:90%; margin:auto;}
.menu_left { width:50%;  margin-top:20px;}
.menu_right { width:40px; height:40px;  margin-top:25px; float:right; }
.menu_botton { display:none;}

}

.box {
	width: 100%;
	height: auto;
	line-height: 5;
	text-align: center;
	font-size: 5em;
	color: #fff;
	text-transform: capitalize;
	vertical-align: middle;
}

.ping_list { margin-bottom:30px; height:480px;}
.ping_list_c { width:1100px; margin:auto;}


.ping_list_c .swiper-container {
      width: 100%;
      height:350px; padding-top:80px; text-align:center;
    }
.ping_list_c .swiper-slide {
      text-align: center;
      font-size: 18px;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; position:relative;
    }
.ping_c_title {  width:40%; font-size:30px; color:#333; left:50%; margin-left:-20%; padding-top:40px; position:absolute; text-align:center;}


.title_img { position:absolute; left:100px; top:60px; }
.title_img_1 { position:absolute; right:100px; bottom:130px; }
.ping_list {
            background:url(../images/slide-1.jpg)no-repeat; position:relative;
            background-position: center center; 
            background-repeat: no-repeat; 
            background-attachment: fixed;
            background-size: cover; 
}

.t1 { height:80px; width:800px; background:#4facf8; padding:20px 15px 10px 15px; color:#fff; font-size:16px;}
.t2 { margin-top:30px;}
.t3 { margin-top:10px; color:#4facf8;}

.ping_list:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(255,255,255,0.50);
}

.nr_about_body { width:1100px; margin:auto; margin-top:40px; margin-bottom:10px; border-bottom:1px solid #e3e3e3; padding-bottom:10px; overflow:hidden; }
.nr_about_body img { max-width:1100px; margin-top:10px; margin-bottom:10px;}

.nr_about_body .h3 { text-align:center; font-weight:normal; font-size:22px;}
.nr_title_t .h3 {text-align:center; font-weight:normal; font-size:22px;}
.nr_title_t { position:relative; height:80px; line-height:80px;}

.nr_title_t>p:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 3px;
    background-color: #2499f7;
    left: 50%;
    bottom: 10px;
    margin-left: -20px;
}

.nr_lxwm { width:1100px; margin:auto;}
.nr_title_t_t { margin-top:40px; height:60px; line-height:60px; position:relative;}
.nr_title_t_t h3 span { color:#2499f7; font-size:25px; margin-right:20px;}
.nr_title_t_n .line:before {
	
    content: "";
    position: absolute;
    width: 3px;
    height: 20px;
    background-color: #2499f7;
    left: 5px;
    bottom: 20px;
    margin-left: -20px;	
	
	
}
.nr_about_body_m { border-bottom:0px;}
.nr_lx_n { height:275px; margin-top:20px; margin-bottom:60px; background-color:#fafafa;}
.nr_lx_n_left { width:730px; float:left;  height:275px; }
.nr_lx_n_right { width:320px; float:right; height:275px; margin-right:10px;}
.nr_lx_n_right p { font-size:14px;}
.nr_lx_n_right h3 { margin-top:30px; font-weight:normal;}
.nr_botton { width:120px; height:40px; background-color:#2499f7; margin:auto; border-radius:5px; line-height:40px; vertical-align:middle; text-align:center;}
.nr_botton a { display:block; width:120px; height:40px; color:#fff; font-size:14px;}

.nr_path_c_left { width:200px; height:70px; vertical-align:middle; float:left;}
.nr_path_c_right { width:460px; height:70px; vertical-align:middle; float:right; color:#ccc; text-align:right;}
.nr_path_c_right a:link,.nr_path_c_right a:visited { font-size:12px; color:#555;}
.nr_path_c_right a { padding-left:8px; padding-right:8px;}

.btn_n { display:block; height:50px; width:140px; background:#2499f7; border-radius:5px; text-align:center; line-height:50px; color:#fff;}
.btn_n:visited,.btn_n:link {color:#fff;}
.footer_logo { margin-top:10px;}


/*浮动客服*/
#floatDivBoxs{width:140px;background:#fff;position:fixed;top:250px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#2499f7;color:#fff;font-size:16px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDqq li img { width:15px;}
#floatDivBoxs .floatDtxt{font-size:16px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px; font-size:16px; color:#ff7300; text-align:center;}
#floatDivBoxs .floatDtel img{display:block;}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.png) no-repeat;position:fixed;top:250px;right:140px;z-index:999;}
#rightArrow a{display:block;height:45px;}

@media screen and (max-width: 750px){
.footer_n,.bottom ul { width:auto;}
.top_right { width:auto;}
.top_c { width:auto;}
.f_n { display:none;}
.f_n_r { float:none; width:90%; margin:auto; padding-bottom:20px;}
.bottom ul li:nth-child(1) { width:40%; margin-left:10%; display:none;}
.bottom ul li:nth-child(2) { width:100%; text-align:center;}
.footer { height:auto;}
.nr_lxwm { width:90%;}
.nr_lxwm img { width:100%;}
.nr_path_c,.nr_about_body { width:94%; margin:auto;}
.top_left { width:100%;  float:none;  }
.ping_list_c { width:100%;}
.t1 { width:80%; margin:auto; height:140px;}
.title_img { left:5px; top:30px;}
.index_about_left {  width:90%; margin:auto; height:200px;  float:none; }
.index_about_right {  float:none; width:100%; height:auto; }
.index_ys {width:100%; height:auto; overflow:hidden; padding-top:20px;}
.index_ys ul li { width:46%; margin-bottom:20px; margin-top:10px; margin-left:2%; margin-right:2%;}
.index_ys ul { width:94%; margin:auto;}
.ly_list,.xm_list {width:100%; height:auto; overflow:hidden;}
.ly_list ul,.xm_list ul { width:94%; margin:auto;}
.ly_list ul li { width:46%; margin-left:2%; margin-right:2%; }
.xm_list ul li { width:100%;}
.ly { height:auto; padding-bottom:30px;}
.index-banner1 .h3 { font-size:16px;}
.menu_nav { width:100%; height:84px;}
#floatDivBoxs,#rightArrow { display:none;}
.text_center { width:100%; }
.text_center h2 { font-size:24px;}
.index_about_right .title { text-align:center;}
.ping_c_title { font-size:24px; width:60%; margin-left:-30%;}
.title_img_1 { right:0px; bottom:90px;}
}


